#swiper-infos {
    margin: auto;
    width: px2rem(1180px);
    height: px2rem(800px);
    padding-top: px2rem(183px);
}

.section-infos {
    background: #f7fdfe;
    .inner {
        padding-top: px2rem($header-height);
    }

    .swiper-pagination {
        display: flex;
        justify-content: center;
        top: px2rem(50px);
        bottom: auto;
    }

    .swiper-slide {
        height: px2rem(518px);
        .swiper-container {
            margin: auto;
            width: px2rem(980px);
        }

        &.no-nav {
            > .swiper-button-next,
            > .swiper-button-prev {
                display: none;
            }
        }
    }

    .swiper-pagination-bullet {
        flex: 0 0 px2rem(180px);
        height: px2rem(40px);
        font: {
            size: px2em(20px);
            weight: bold;
        }
        color: #56697f;
        line-height: px2rem(40px);
        text-align: center;
        background: #fff;
        border: 1px solid #191919;
        border-radius: 0;
        opacity: 1;

        &:not(:first-child) {
            margin-left: 2px;
        }
    }

    .swiper-pagination-bullet-active {
        background: #282c48;
        color: #fff;
    }

    .swiper-button-prev,
    .swiper-button-next {
        position: absolute;
        top: 0;
        bottom: 0;
        margin: auto;
        width: px2rem(108px);
        height: px2rem(108px);
        transform: translateY(-60%);
        background: center / cover;
    }

    .swiper-button-prev {
        left: 0;
        background-image: url('./_imgs/info_nav_left.png');
    }

    .swiper-button-next {
        right: 0;
        background-image: url('./_imgs/info_nav_right.png');
    }

    .news {
        margin: auto;
        width: px2rem(283px);
        height: px2rem(518px);
        white-space: initial;
        color: #636363;
        text-align: justify;
        text-justify: inter-ideograph;
        overflow: hidden;

        .headimg {
            margin-bottom: px2rem(15px);
            width: 100%;
            height: px2rem(215px);
            background: center / cover no-repeat;

            overflow: hidden;
            > img {
                display: block;
                height: 100%;
                width: 100%;
            }
        }

        > .title {
            margin: 5px 0;
            $font-size: 20px;
            font-size: px2em(20px);
            font-weight: 400;
            line-height: 30px / $font-size;
            color: #191919;
        }

        > .publish-date {
            margin: 5px 0;
            $font-size: 12px;
            font-size: px2em($font-size);
            line-height: 24px / $font-size;
        }

        > .desc {
            white-space: normal;
            white-space: initial;
            font-size: 1em;
            line-height: px2rem(24px);
        }

        > p {
            margin: 0;
        }
    }

    .dialog-body {
        overflow: hidden;
    }

    .article-scroller {
        height: 100%;
    }

    .info_article {
        .title {
            margin: px2rem(50px 25px 15px);
            // width: 100%;
            font-size: 24px;
            font-weight: 400;
            text-align: center;
        }

        .publish-date {
            margin: 1em px2rem(25px 35px);
            padding-bottom: px2rem(10px);
            font-size: 14px;
            color: #636363;
            border-bottom: 1px solid #ccc;
        }
    }

    .article-wrapper {
        margin: 0 px2rem(35px);
        padding: 1em 0 ;
        text-align: justify;

        img,
        video,
        audio {
            display: block;
            margin: auto;
            max-width: 100%;
        }
    }
}
